<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width" />
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>菜单信息</title>
	<!-- css -->
	<link rel="stylesheet" href="../../../assets/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../../assets/bootstrap-table/bootstrap-table.min.css">
	<link rel="stylesheet" href="../../../assets/boostrap-treeview/bootstrap-treeview.min.css">
	<link rel="stylesheet" href="../../../assets/font-awesome/4.7/css/font-awesome.min.css">
	<link rel="stylesheet" href="../../../assets/font-awesome/3.2.1/css/font-awesome.min.css">
	<link rel="stylesheet" href="../../../assets/bootstrap-validator/css/bootstrapValidator.min.css"/> 
	<link rel="stylesheet" href="../../../assets/sco/css/sco.message.css"/>
	<link rel="stylesheet" href="../../../assets/css/style.css">
</head>
<body>
	<div class="container-fluid" id="menuList">
		<!-- 查询区域 -->
		<div class="row">
			<div class="panel panel-default">
				<div class="panel-body">
					<div class="form-group form-horizontal">
						<label class="control-label col-sm-1 col-xs-3"
							for="txt_search_departmentname">菜单名称</label>
						<div class="col-sm-3 col-xs-7">
							<input type="text" class="form-control">
						</div>
						<div class="col-sm-8 col-xs-2">
							<button type="button" id="btn_query"
								class="btn btn-primary btn-sm" data-bind="click:fnSearch"><i class="fa fa-search fa-lg"></i><span class="hidden-sm hidden-xs"> 查询</span></button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 列表区域 -->
		<div class="row">
		<!-- 左侧树 -->
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#treeBar">
				<span class="sr-only">Toggle sidebar</span><span class="icon-bar"></span><span
					class="icon-bar"></span><span class="icon-bar"></span>
			</button>
			<div class="col-sm-3">
				<div id="treeBar" class="panel-default panel">
					<div id="" class="panel-body">
						<div id="treeView">
							<i class="fa fa-spinner" aria-hidden="true">Loading...</i>
						</div>
					</div>
				</div>
			</div>
			<!-- 右侧列表 -->
			<div class="col-sm-9">
				<!-- 工具栏 -->
				<div class="row">
					<div class="col-sm-12">
						<div id="toolbar" class="btn-group">
							<button type="button" class="btn btn-default btn-sm"
							data-bind="click:fnAdd">
								<i class="fa fa-plus fa-lg" aria-hidden="true"></i><span class="hidden-sm hidden-xs"> 新增</span>
							</button>
							<button type="button" class="btn btn-default btn-sm"
								data-bind="click:fnRemove">
								<i class="fa fa-trash fa-lg" aria-hidden="true"></i><span class="hidden-sm hidden-xs"> 删除</span>
							</button>
							<button type="button" class="btn btn-default btn-sm"
								data-bind="click:fnEdit">
								<i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i><span class="hidden-sm hidden-xs"> 编辑</span>
							</button>
							<button type="button" class="btn btn-default btn-sm"
								data-bind="click:fnView">
								<i class="fa fa-file-text fa-lg" aria-hidden="true"></i><span class="hidden-sm hidden-xs"> 查看</span>
							</button>
							<button type="button" class="btn btn-default btn-sm"
								data-bind="click:fnMove">
								<i class="fa fa-send fa-lg" aria-hidden="true"></i><span class="hidden-sm hidden-xs"> 迁移</span>
							</button>
						</div>
					</div>
				</div>
				<!-- 列表 -->
				<div class="row">
					<div class="col-sm-12">
						<table id="tb_menus"></table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal区域 -->
	<div id="menuModal" class="modal fade" data-keyboard="false"
		data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog" style="width: 500px" role="document">
			<div class="modal-content">
				<!-- header -->
				<div class="modal-header" id="modalHeader">
					<span class="modal-title" data-bind="text:mv_title"></span>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" id="detailForm" autocomplete="off">
						<div class="form-group">
							<label for="menuName" class="col-sm-3 control-label">菜单名称</label>
							<div class="col-sm-8">
								<input type="text" class="form-control" name="menuName"
									id="menuName" placeholder="*,必填"
									data-bind="value:mv_menuname,enable:mv_enabled">
							</div>
						</div>
						<div class="form-group">
							<label for="menuCode" class="col-sm-3 control-label">快速启动代码</label>
							<div class="col-sm-8">
								<input type="text" class="form-control" name="menuCode"
									id="menuCode" data-bind="value:mv_menucode,enable:mv_enabled">
							</div>
						</div>
						<div class="form-group">
							<label for="menuUri" class="col-sm-3 control-label">链接地址</label>
							<div class="col-sm-8">
								<input type="text" class="form-control" name="menuUri"
									id="menuUri" data-bind="value:mv_menuuri,enable:mv_enabled">
							</div>
						</div>
						<div class="form-group">
							<label for="iconCls" class="col-sm-3 control-label">图标样式</label>
							<div class="col-sm-8">
								<input type="text" class="form-control" name="iconCls"
									id="iconCls" data-bind="value:mv_iconcls,enable:mv_enabled">
							</div>
						</div>
						<!-- 默认基本信息 -->
						<div style="display: none">
							<input type="text" data-bind="value:mv_menuid"> <input
								type="text" data-bind="value:mv_editstatus"> <input
								type="text" data-bind="value:mv_recordstatus"><input
								type="text" data-bind="value:mv_pmenuid">
						</div>
					</form>
				</div>
				<div class="modal-footer" id="modalFooter">
					<button type="button" class="btn btn-primary"
						style="font-size: 12px" id="saveBtn" data-bind="click:fnSaveForm">保存</button>
					<button type="button" class="btn btn-default"
						style="font-size: 12px" data-bind="click:fnCloseDlg">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 移动目标树 -->
	<div id="treeModal" class="modal fade" data-keyboard="false"
		data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog" style="width: 400px" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<span class="modal-title" data-bind="text:mttitle"></span>
				</div>
				<div class="modal-body">
					<div id="targetTree"><i class="fa fa-spinner" aria-hidden="true">Loading...</i></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary"
						style="font-size: 12px" id="saveBtn" data-bind="click:fnConfirmMove">确认</button>
					<button type="button" class="btn btn-default"
						style="font-size: 12px" data-bind="click:fnCancel">取消</button>
				</div>
			</div>
		</div>
	</div>
	<!-- Script imported -->
	<script src="../../../assets/jquery/1.11.1/jquery.min.js"></script>
	<script src="../../../assets/jquery/bootbox.min.js"></script>
	<script src="../../../assets/js/core/ajaxSetup.js"></script>
	<script src="../../../assets/jquery/json2.js"></script>
	<script src="../../../assets/jquery/jquery.cookie.js"></script>
	<script src="../../../assets/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="../../../assets/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="../../../assets/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script src="../../../assets/boostrap-treeview/bootstrap-treeview.min.js"></script>
	<!-- 表单验证 -->
	<script src="../../../assets/bootstrap-validator/js/bootstrapValidator.min.js"></script>
	<script src="../../../assets/knockout/knockout.js"></script>
	<!-- 加密引用 -->
	<script src="../../../assets/CryptoJS/rollups/aes.js"></script>
	<script src="../../../assets/sco/js/sco.message.js"></script>
	<!-- 自定义 script -->
	<script src="../../../assets/js/core/platform.common.js"></script>
	<script src="main.js"></script>
</body>
</html>